﻿@using DLULearningNetwork.ViewModels;
@{
    ViewBag.Title = "MyFriend";
    Layout = "~/Views/Shared/FrontEndMasterLayout.cshtml";
    List<DLULearningNetworkModel.Friend> lstFriend = ViewBag.LstFriend as List<DLULearningNetworkModel.Friend>;
}
@section cssjs{
    <link rel="Stylesheet" type="text/css" href="../../Content/Pagination.css" />
    <link rel="Stylesheet" type="text/css" href="../../Content/TableStyle.css" />
    <script type="text/javascript">
        $(function () {
            $("ul.pager li a").live('click', function () {
                GetMyFriend($(this).attr("page"));
                return false;
            });

            $("a[name=Delete]").live('click', function () {
                var friendID = $(this).parent().parent().attr("friendID");
                var curPage = parseInt($('ul.pager li.current').text());
                var totalRow = $('tr[friendID]').length;
                $.post("/Friend/DeleteFriendRequest", { 'friendID': friendID }, function (data) {
                    if (data == "success") {
                        if (totalRow == 1) {
                            if (curPage > 1) {
                                GetMyFriend(curPage - 1);
                            }
                            else {
                                $("#tableData").text('Không còn yêu cầu kết bạn nào');
                            }
                        }
                        else {
                            GetMyFriend(curPage);
                        }
                    }
                    else {
                        alert("Có lỗi, xin vui lòng thử lại");
                    }
                })
                return false;
            });
        })

        function GetMyFriend(page) {
            $.post("/Friend/MyFriend", { 'page': page }, function (data) {
                $("#tableData").html(data);
            })
        }
    </script>
}

@section rightColumn{
    <div style="width: 730px;">
        <h2>Danh sách bạn bè của bạn</h2>
        @if (lstFriend != null && lstFriend.Count > 0)
        {
            <div id="tableData">
                @Html.Partial("ListMyFriend", lstFriend)
            </div>
        }
        else
        {
            <span>Chưa có bạn nào</span>
        }
    </div>
}
